@import "@/Grace6/css/colors.css";
/* 组件演示列表 */
.gui-components-list{
	padding:5rpx 30rpx;
}
.gui-components-list-title{
	padding:32rpx 0;
	font-size:30rpx;
}
.gui-components-list-text{
	font-size:34rpx;
}
.gui-components-list-icon{
	font-size:38rpx;
}

/* 动态渐变头部导航 */
.custom-header-bg{background-color:rgba(0, 0, 0, 0.6);}

/* 切换导航样式 */
.custom-switch-nav-border{border-color:#FF0036 !important;}


/* 深色模式 */
/* #ifndef APP-NVUE */
@media (prefers-color-scheme: dark){
	.custom-switch-nav-border{border-color:#888888 !important;}
}
/* #endif */

/* 主题色 */
.hulu-primary-color{
	color:#2A82E4;
}
.hulu-primary-color1{
	color:#FFBFBF;
}
.hulu-bg-primary-color1{
	background-color:#C2DEFF;
}
.hulu-primary-green{
	color:#24A7BC;
}
.hulu-primary-green1{
	color:#0E699B;
}
.hulu-grass{
	color:#009933;
}
.hulu-grass1{
	color:#86bd77;
}
.hulu-sky{
	color:#53c2da;
}
.hulu-bg-sky{
	background-color:#53c2da;
}
.hulu-text-primary{
	color:#333333;
}
.hulu-text-second{
	color:#777777;
}
.hulu-empty-paragraph{
	display: block;
	// background-color: #fafafa;
	background-color: #e6eff7;
	height:18rpx;
	width:100%;
}
.hulu-level1{
	background-color:#FEAB58;
	width:100rpx;
	border-top-left-radius: 20rpx;
	border-bottom-right-radius: 20rpx;
}

.hulu-level2{
	background-color:#F6C80F;
	min-width:100rpx;
	border-top-left-radius: 20rpx;
	border-bottom-right-radius: 20rpx;
}
.hulu-level3{
	background-color:#FE5890;
	min-width:100rpx;
	border-top-left-radius: 20rpx;
	border-bottom-right-radius: 20rpx;
}
.hulu-tag{
	display: block;
	min-width:120rpx;
	text-align: center;
	text-wrap: nowrap;
	font-size: 24rpx;
	line-height: 24rpx;
	padding:8rpx 16rpx;
	background-color: #ecf0f1;
	border-radius: 4rpx;
	margin-right:10rpx;
}

.hulu-course-card{
	width:100%;
	height:240rpx;
	margin-top:30rpx;
	box-sizing: border-box;
	-webkit-box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.2);
	padding: 10rpx;
	display: inline-flex;
	.course-lft{
		width: 240rpx;
		height:240rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		.lft-img{
			width:240rpx;
			& image{
				border-radius: 8rpx;
				width:240rpx;
			}
		}
	}
	.course-ct{
		width:300rpx;
		box-sizing: border-box;
		padding: 10rpx;
		height:240rpx;
		flex:none;
		// background-color: aquamarine;
		.ct-title{
			color:#272822;
			.ct-name{
				font-size: 28rpx;
				font-weight: bolder;
				width:300rpx;
				text-overflow: ellipsis;
				overflow: hidden;
				word-break: break-all;
				white-space: nowrap;
			}
			.ct-ticket{
				float: right;
				display: inline-block;
				width:44rpx;
				height:36rpx;
				border-radius: 6rpx;
			}
		}
		.ct-tag{
			font-size: 20rpx;
			padding: 4rpx;
			box-sizing: border-box;
			& text{
				padding: 1rpx;
				color:#b56412;
				&::before{
					content:"·"
				}
			}
		}
		
		
	}
	.course-rgt{
		width:150rpx;
		height:240rpx;
		overflow: hidden;
		position: relative;
		.rgt-min{
			color:#b56412;
			position: absolute;
			top:0;
			font-size: 100rpx;
		}
		
	}
	
}